<!--
 * @Author: 聆风
 * @Date: 2025-08-24 15:58:22
 * @LastEditors: 聆风 522361856@qq.com
 * @LastEditTime: 2025-08-24 17:43:12
 * @FilePath: \​monoFE​​\apps\vue3-example\src\views\ErrorView.vue
 * 
 * Copyright (c) 2025 by 聆风, All Rights Reserved. 
-->
<template>
    <div class="error-view">
        <el-button @click="triggerTypeError()">触发TypeError</el-button>
        <el-divider></el-divider>
        <el-button @click="triggerReferenceError()">触发ReferenceError</el-button>
        <el-divider></el-divider>
        <el-button @click="triggerSyntaxError()">触发SyntaxError</el-button>
    </div>
</template>
<script setup lang="ts">
const triggerTypeError = () => {
    // @ts-ignore
    if (typeError.length > 0) {
        console.log("err!");
    }
};
const triggerReferenceError = () => {
    throw new ReferenceError('Hello');
}
const triggerSyntaxError = () => {
    throw new SyntaxError('Hello');
};
</script>
<style>
.error-view {
    width: 1200px;
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
</style>
